<template>
  <van-cell-group>
      <van-cell title="租房小组" value="更多" size="large" />
        <van-cell value="内容" class="van-cell-container">
          <div class="group-box">
          <div class="cell-box"
          v-for="item in list"
            :key="item.id"
            >
            <div class="left">
              <span>{{item.title}}</span>
              <span>{{item.desc}}</span>
            </div>
            <div class="right">
              <img :src="item.imgSrc" alt="" style="width: 50px;height: 50px;">
            </div>
          </div>
          <!-- <div class="cell-box">
            <div class="left">
              <span>家住回龙观</span>
              <span>归属的感觉</span>
            </div>
            <div class="right">xxxx</div>
          </div>
          <div class="cell-box">
            <div class="left">
              <span>家住回龙观</span>
              <span>归属的感觉</span>
            </div>
            <div class="right">xxxx</div>
          </div>
          <div class="cell-box">
            <div class="left">
              <span>家住回龙观</span>
              <span>归属的感觉</span>
            </div>
            <div class="right">xxxx</div>
          </div> -->
        </div>
        </van-cell>
    </van-cell-group>
</template>

<script>
export default {
  name: 'rental-group',
  components: {},
  props: {
    list: {
      type: Array,
      required: true
    }
  },
  data () {
    return {
    }
  },
  watch: {},
  computed: {},
  created () {},
  mounted () {},
  methods: {}
}
</script>
<style lang="less" scoped>
.cell-box {
  width: 160px;
  height: 85px;
  background-color: #ffffff;
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-weight: bold;
  .left{
    span{
      display: block;
    }
    >:nth-child(2){
      font-weight: normal;
      color: #999999;
      font-size: 12px;
    }
  }
}

.group-box {
  width: 100%;
  height: 180px;
  display: flex;
  justify-content: space-evenly;
  align-content: space-between;
  flex-wrap: wrap;
}
.van-cell_title{
  font-weight: bold !important;
}
.van-cell-container{
  padding: 0px 0px 10px 0px;
}
</style>
